<template>
  <div>
    <h1>Child</h1>
    <hr>
    <slot name='link'></slot>
    <slot name='content'></slot>
    <hr>
    <li v-for='person in persons' :key='person.id'>
      <slot name='personMessage' :person='person'></slot>
    </li>
  </div>
</template>

<script>
export default {
  name: "Child",
  props:['persons']
};
</script>

<style>
</style>